<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- html css检测 
    1. 要让一个元素不可见且在文档流中不占位，应该使用哪个 CSS 规则？（5分）A
     A: display B: overflow C: opacity D: visibility 
     2. 从四个选项选出不同的一个：（5分） 
     A：nav
     B：img 
     C：meta 
    D： canvas -->


    <!-- 3. 关于label元素，以下说法正确的有：（5分）A B
A：label元素可以使用for属性关联表单控件，也可以将表单控件放置在它的内部
B：当使用for属性来关联label元素和表单控件时，label元素的for属性要和表单控件的ID一致
C：如果label元素内嵌套一个a链接，则点击该a链接不会触发页面跳转
D：label元素内部可以嵌套另一个label元素 -->


    <!-- 4. 你是如何理解语义化的？你用过哪些H5新增的标签吗？又有哪些标签被废弃了？（5分）
            h1-h6 span p div 
    5. input标签中的name和type属性分别有什么用？（5分）
type属性可以让input 变成按钮 文本框 复选单选框
name 要把传送数据给后台的名字 -->

    <!-- 6. css选择器有哪几种？伪元素和伪类是如何使用的？区别是什么？
有3种 伪类选择器 层次选择器 标签选择器
伪元素：选择E元素用:first-child nth-child() last-child 选择兄弟同级元素用nth-of-type()
伪类E::before 在E元素前面增加内容 E::afte在E元素后面增加内容 -->
    <!-- 7. reset.css 重置样式表的作用？（5分）
帮我们把所有的标签属性调成无 因为层级上下关系 需要修改的地方 重新写样式设置属性值即可 -->
    <!-- 8. css sprite是什么,有什么优缺点?（5分）
    精灵图 用于减少HTTP请求次数 优化seo 把所有图片放在一张图片 通过background-postion的定位找到需要的图 -->
    <!-- 9. transition 和 animation 拥有几个属性？使用过程需要注意什么？（5分） 
        


-->
    <!-- 10. 盒子模型的理解、区别和实践用处（5分）
        
        标准盒子模型   盒子宽/高= 内容宽/高+左右/上下内边距+左右/上下边框+左右/上下外边距 (增加内外边距 边框 内容宽会把盒子撑大)
       需要设置 box-sizing: border-box;
        怪异盒子模型    内容宽/高=左右/上下内边距+左右/上下边框+内容宽/高 （增加左右内边距会把内容宽度缩小 不会影响盒子大小）

     -->

    <!-- 11. css中隐藏元素的方法，display:none, visibility:hidden,区别？还有别的方式吗？ 
        
    -->

    12. CSS 三大特性分别是什么？并谈谈你对权重的认识，如何计算？ 层级上下关系 表现 结构 在上面写的样式属性 在 （5分） 13. 响应式bootstrap和自适应rem的原理及其使用场景？ rem用于移动端 bootstrap 14. 页面导入样式时，使用 link 和 @import 有什么区别？ 15. 请简单描述scss是什么？优点是什么？你用过scss具体的什么内容？ 16. bfc是什么？目的是什么？如何触发？使用场景有哪些？ 17. 请制作圆形，矩阵圆形，等腰三角形，不等边的垂直三角形（提示：鼎搜）
    18. 如何让多个块级元素共行显示，写出不少于3种方案？并写出每种方案的优缺点？ 19. 如何使元素水平垂直居中，请写出不少于3种方案； 20. 如何实现两栏布局中的左定宽右自适应和三栏布局中，左右两边定宽，中间自适应的布局？

</body>

</html>